<div fwa-layout-container data-main="true" class="full-height full-width">
	<div fwa-layout-box="center" class="full-overflow-y" >
		<div class="row background-white" style="height: 50px;" >
			<div class="col-xs-12">
				<h3 class="normal-padding-left">
				<b>
					<span ng-bind="regionName"></span>医疗费用分布情况
				</b>
				</h3>
			</div>
		</div>
		<div class="row"  style="height:40px;line-height:40px;">
			<div class="col-xs-12 text-center" style="margin-top:15px;margin-bottom: 15px;">
				<div class="col-xs-4">
					
				</div>
				<div class="col-xs-4 bg-color-white" >
					<h3> 
						<b>医疗费用分布情况</b>
					</h3> 
				</div>
			</div>
		</div>
		<div class="row" >
			<div class="col-xs-1">
			</div>
			<div class="col-xs-5">
				<input type="radio" name="term" ng-model="costFrom.term"  value="2" />
				<span> 
				按等级
				</span> 
				<input type="radio" name="term" ng-model="costFrom.term" value="3" /> 
				<span>
				按类型
				</span> 
				<select  ui-select2="{allowClear:false}" style="width: 30%;"
			  	 ng-model="costFrom.hospitalLev" ng-show ="selectLev" ng-change="getData();" >
					 <option value="-1">全部等级 </option>
					<option ng-repeat="data in orgLevelDatas"
							value="{{data.code}}">{{data.name}}</option>
				</select>
				<select  ui-select2="{allowClear:false}" style="width: 30%;"
			  	 ng-model="costFrom.hospitalType" ng-show ="selectType" ng-change="getData();" >
					 <option value="-1">全部类别 </option>
					<option ng-repeat="data in communityService.medicalOrgTypeDatas"
							value="{{data.code}}">{{data.name}}</option>
				</select>
			</div>
			<div class="col-xs-5">
				<a class="btn btn-primary btn-sm pull-right" ng-click="queryAnalyse();" style="margin-left: 20px;">详细分析</a>
				<ul class="radio_button pull-right" >
					<li ng-class="{'radio_button_active' : visitType == 0}" ng-click="typeClick(0)">总</li>
					<li ng-class="{'radio_button_active' : visitType == 1} " ng-click="typeClick(1)">住</li>
					<li ng-class="{'radio_button_active' : visitType == 2} " ng-click="typeClick(2)">门</li>
				</ul>
			</div>
			<div class="col-xs-1">
			</div>
		</div>
		<div class="row">
			<div class="col-xs-1">
			</div>
			<div class="col-xs-10" style="height:300px;">
				<fwa-echarts id="feebarChart" data-connect="feeHappenChart" type="feebar.type" trigger="feebar.trigger" text="feebar.text" subtext="feebar.subtext" 
						    data-legend-y="bottom"   grid="feebar.grid"  legend-data="feebar.legendData" 
						    legend-align ="feebar.legendAlign" magic-type="feebar.magicType" 
						    legend-y ="top"
						    axis-data="feebar.axisData" axis-formatter="feebar.axisFormatter"  
							color="feebar.color" series="feebar.series" formatter="feebar.formatter" >
				</fwa-echarts>	
			</div>
			<div class="col-xs-1">
			</div>
		</div>
		<div class="row">
			<div class="col-xs-1">
			</div>
			<div class="col-xs-10" align="center">
				<table class="table fwa-table table-striped" style="min-width: 550px;width: 80%;">
					<thead >
						<tr >
							<th class="text-center"style="width:100px;"  >
								<b style="font-size: 14px;">
									期间
								</b> 
							</th>
							<th  class="text-center"  style="width:100px;" >
								<b style="font-size: 14px; ">
									药费占比
								</b> 
							</th>
							<th class="text-center" style="width:100px;"  >
								<b style="font-size: 14px;">
									手术费占比
								</b> 
							</th>
							<th class="text-center"  style="width:150px;" >
								<b style="font-size: 14px;">
									检查化验费占比
								</b>
							</th>
							<th class="text-center"  style="width:100px;" >
								<b style="font-size: 14px;">
									其他
								</b>
							</th>
						</tr>
					</thead>
					<tbody >
						<tr ng-repeat="cost in costList ">
							<td ng-bind="cost.date" >
							</td>
							<td ng-bind="cost.medicalPer">
							</td>
							<td ng-bind="cost.operationPer">
							</td>
							<td ng-bind="cost.checkPer" >
							</td>
							<td ng-bind="cost.otherPer" >
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-xs-1">
			</div>
		</div>
	</div>
</div>